@charset "utf-8";
/*
@font-face {
  font-family: "PingFang_SC_regular";
  src: url("./ziti/pingfangSC.ttf") format("truetype");
}
*/
.wrap{width:1000px; margin:0 auto;}
.blank36{margin-top: 36px;}
.fl{float: left;}
.fr{float: right;}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
img{max-width: 100%;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.c1{clear: both;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }

.dis{display: inline-block;vertical-align: top;}

.w1200{width: 100%;margin:0 auto;}




/*首页*/
#main.index-box{margin-top: 0px;}
#main.index-box .index-video{margin-top: 0px;margin-bottom: 9px;padding-bottom: 30px;}

#main.index-box .index-video .picture{width: 802px;height: 478px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;}
#main.index-box .index-video .to-pause2,
#main.index-box .index-video .to-pause{position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 999;width: 100%;height: 442px;}
#main.index-box .index-video .to-pause2{display: none;}
#main.index-box .index-video .autoplay{width: 85px;height: 85px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 3;border-radius: 50%;background: url(../video/video_ico.png) no-repeat center center/85px 85px;}
#main.index-box .index-video .autoplay.no-show{display: none;}
#main.index-box .index-video .autoplay .border{display: none;width: 4px;height: 38px;margin-top: 20px;background: #fff;border-radius: 25px;}
#main.index-box .index-video .autoplay .border:nth-child(1){margin-right: 10px;}
#main.index-box .index-video .autoplay.pause{display: block;border: 6px solid #fff;background: transparent;}
#main.index-box .index-video .autoplay.pause .border{display: inline-block;}
#main.index-box .index-video .vjs-has-started .vjs-control-bar{z-index: 1000;}
#main.index-box .index-video .video-js .vjs-big-play-button{display: none!important;}
#main.index-box .index-video .video-js .vjs-poster{background: transparent!important;}


#main.index-box .index-video{}
#main.index-box .index-video .video-title{margin-bottom: 30px;color: #333333;font-size: 32px;font-family: 'PingFang_SC_regular';}
#main.index-box .index-video .video-desc{margin-top: 36px;color: #333333;font-size: 14px;font-family: 'PingFang_SC_regular';}
#main.index-box .index-video .video{z-index: 1;cursor: pointer;width: 802px;height: 478px;margin: 0 auto;}
#main.index-box .index-video .video video:focus{outline: none;}
#main.index-box .index-video .video video{width: 100%;height: 100%;}
#main.index-box .index-video .close2,
#main.index-box .index-video .close1{display: none;cursor: pointer;position: absolute;right: -10px;top: -15px;background: #000;color: #fff;font-size: 16px;width: 25px;height: 25px;line-height: 23px;text-align: center;z-index: 9999;border-radius: 50%;}
#main.index-box .index-video.float-left .close1{display: block;}
#main.index-box .index-video.float-left .close2{display: none;}
#main.index-box .index-video.float-left .video{z-index:999;position: fixed;left: 30px;bottom: 30px;width: 350px;height: 208px;}
#main.index-box .index-video.float-left .autoplay{width: 40px;height: 40px;background: url(/images/video_ico.png) no-repeat center center/40px 40px;}
#main.index-box .index-video.float-left .autoplay.no-show{display: none;}
#main.index-box .index-video.float-left .autoplay.pause{display: block;background: transparent;border: 3px solid #fff;}
#main.index-box .index-video.float-left .autoplay .border{width: 3px;height: 15px;margin-top: 10px;}
#main.index-box .index-video.float-left .autoplay .border:nth-child(1){margin-right: 5px;}

#main.index-box .index-video .my-video-dimensions{width: 803px!important;height: 478px!important;}
#main.index-box .index-video.float-left .picture,
#main.index-box .index-video.float-left .my-video-dimensions,
#main.index-box .index-video.float-left .video-js .vjs-tech{width: 350px!important;height: 208px!important;}
#main.index-box .index-video .video-js{background-color: transparent;}
#main.index-box .index-video .video-js .vjs-control.vjs-playing,
#main.index-box .index-video .video-js .vjs-control.vjs-paused{display: none!important;}

#main.index-box .index-video.float-left02 .my-video-dimensions{width: 100%!important;height: 100%!important;}
#main.index-box .index-video.float-left02 .video-js .vjs-tech{width: 1920px!important;height: 1080px!important;}

@media (min-width:0px) and (max-width: 1024px){
#main.index-box .index-video .picture{width: 302px;height: 200px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;}
#main.index-box .index-video .to-pause2,
#main.index-box .index-video .to-pause{position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 999;width: 100%;height: 200px;}
#main.index-box .index-video .to-pause2{display: none;}
#main.index-box .index-video .autoplay{width: 35px;height: 35px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 3;border-radius: 50%;background: url(../video/video_ico.png) no-repeat center center/35px 35px;}
#main.index-box .index-video.float-left .video-js .vjs-tech{width: 320px!important;height: 200px!important;}
#main.index-box .index-video .video{z-index: 1;cursor: pointer;width: 302px;height: 200px;margin: 0 auto;}
#main.index-box .index-video .my-video-dimensions{width: 303px!important;height: 200px!important;}
  .box-img{width:320px!important; height:200px!important;}
  .video-js{width:320px!important; height:200px!important;}
#main.index-box .index-video .close2,
#main.index-box .index-video .close1{display: none;cursor: pointer;position: absolute;right: 30px;top: -5px;background: #000;color: #fff;font-size: 16px;width: 25px;height: 25px;line-height: 23px;text-align: center;z-index: 9999;border-radius: 50%;}
}